.codepen-wrapper[data-codepen-id="awKHs"] * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.codepen-wrapper[data-codepen-id="awKHs"] *:before, .codepen-wrapper[data-codepen-id="awKHs"] *:after {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

.codepen-wrapper[data-codepen-id="awKHs"] body {
position: relative;
background: #303435;
padding: 50px;
text-align: center;
font-size: 0;
}

.codepen-wrapper[data-codepen-id="awKHs"] .head-1 {
-moz-border-radius-topleft: 90px 84px;
-webkit-border-top-left-radius: 90px 84px;
border-top-left-radius: 90px 84px;
-moz-box-shadow: inset 13px 0 0 0 #e2e7ed;
-webkit-box-shadow: inset 13px 0 0 0 #e2e7ed;
box-shadow: inset 13px 0 0 0 #e2e7ed;
position: relative;
display: inline-block;
background: #d8dce5;
width: 93px;
height: 110px;
margin-bottom: 157px;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1:before {
-moz-border-radius-bottomleft: 300px 320px;
-webkit-border-bottom-left-radius: 300px 320px;
border-bottom-left-radius: 300px 320px;
content: " ";
position: absolute;
top: 210px;
right: 0;
width: 37px;
border-style: solid;
border-color: #edf1f4 transparent transparent transparent;
border-width: 57px 0 0 45px;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1:after {
-moz-border-radius-bottomleft: 29px 50px;
-webkit-border-bottom-left-radius: 29px 50px;
border-bottom-left-radius: 29px 50px;
content: " ";
position: absolute;
background: #edf1f4;
top: 178px;
right: 0;
width: 90px;
height: 43px;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .goggles-1 {
-moz-border-radius-topleft: 112px 10px;
-webkit-border-top-left-radius: 112px 10px;
border-top-left-radius: 112px 10px;
position: absolute;
width: 121px;
height: 45px;
top: 74px;
left: -28px;
border-style: solid;
border-color: transparent transparent #ced2db transparent;
border-width: 0 0 45px 31px;
z-index: 5;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .goggles-1:before {
-moz-border-radius-topleft: 200px 77px;
-webkit-border-top-left-radius: 200px 77px;
border-top-left-radius: 200px 77px;
content: " ";
position: absolute;
background: #d5dce6;
width: 105px;
height: 45px;
top: 3px;
left: -15px;
z-index: 10;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .goggles-2 {
-moz-border-radius-bottomleft: 57px 30px;
-webkit-border-bottom-left-radius: 57px 30px;
border-bottom-left-radius: 57px 30px;
-moz-box-shadow: inset 8px -4px 0 0 #b7bec8;
-webkit-box-shadow: inset 8px -4px 0 0 #b7bec8;
box-shadow: inset 8px -4px 0 0 #b7bec8;
position: absolute;
background: #292728;
width: 105px;
height: 82px;
top: 111px;
left: -12px;
z-index: 20;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .goggles-2:before {
-moz-border-radius-bottomleft: 49px 23px;
-webkit-border-bottom-left-radius: 49px 23px;
border-bottom-left-radius: 49px 23px;
content: " ";
position: absolute;
width: 105px;
top: 5px;
left: 2px;
border-style: solid;
border-color: #292728 transparent transparent transparent;
border-width: 58px 0 0 7px;
z-index: 10;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .goggles-2:after {
-moz-border-radius-bottomleft: 90px 13px;
-webkit-border-bottom-left-radius: 90px 13px;
border-bottom-left-radius: 90px 13px;
-moz-box-shadow: inset 0 -5px 0 0 #c6cedb;
-webkit-box-shadow: inset 0 -5px 0 0 #c6cedb;
box-shadow: inset 0 -5px 0 0 #c6cedb;
content: " ";
position: absolute;
background: #d6dde7;
border-bottom: solid 4px #050505;
width: 105px;
height: 13px;
top: 0;
left: 0;
z-index: 20;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .ear {
position: absolute;
width: 10px;
height: 62px;
top: 106px;
left: -29px;
border-style: solid;
border-color: transparent #e2e7ed transparent transparent;
border-width: 14px 10px 16px 0;
z-index: 10;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .ear:before {
content: " ";
position: absolute;
width: 8px;
height: 56px;
top: -13px;
left: 10px;
border-style: solid;
border-color: transparent transparent transparent #e2e7ed;
border-width: 5px 0 0 8px;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .ear:after {
-moz-border-radius-topleft: 30px;
-webkit-border-top-left-radius: 30px;
border-top-left-radius: 30px;
-moz-box-shadow: 1px 0 0 0 #c6cedb, 2px 0 0 0 #c6cedb, 3px 0 0 0 #c6cedb, 4px 0 0 0 #c6cedb, 5px 0 0 0 #c6cedb, 6px 0 0 0 #c6cedb, 7px 0 0 0 #c6cedb, 8px 0 0 0 #c6cedb;
-webkit-box-shadow: 1px 0 0 0 #c6cedb, 2px 0 0 0 #c6cedb, 3px 0 0 0 #c6cedb, 4px 0 0 0 #c6cedb, 5px 0 0 0 #c6cedb, 6px 0 0 0 #c6cedb, 7px 0 0 0 #c6cedb, 8px 0 0 0 #c6cedb;
box-shadow: 1px 0 0 0 #c6cedb, 2px 0 0 0 #c6cedb, 3px 0 0 0 #c6cedb, 4px 0 0 0 #c6cedb, 5px 0 0 0 #c6cedb, 6px 0 0 0 #c6cedb, 7px 0 0 0 #c6cedb, 8px 0 0 0 #c6cedb;
content: " ";
position: absolute;
width: 0;
height: 32px;
top: -5px;
left: 0px;
border-style: solid;
border-color: transparent #d5dce6 transparent transparent;
border-width: 5px 10px 16px 0;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .fix {
position: absolute;
top: 190px;
right: 0;
width: 60px;
height: 71px;
border-style: solid;
border-color: #d2d7dd transparent transparent transparent;
border-width: 71px 0 0 27px;
z-index: 10;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .fix:before {
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px;
border-radius: 10px 0 0 10px;
content: " ";
position: absolute;
background: #000000;
top: -34px;
right: 0;
width: 25px;
height: 7px;
z-index: 10;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .fix:after {
content: " ";
position: absolute;
background: #c6cedb;
width: 33px;
height: 6px;
right: 0;
bottom: -6px;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-1 .shine {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=21);
opacity: 0.21;
-moz-border-radius: 30% 100%;
-webkit-border-radius: 30%;
border-radius: 30% 100%;
-moz-box-shadow: 0 0 20px 10px white;
-webkit-box-shadow: 0 0 20px 10px white;
box-shadow: 0 0 20px 10px white;
content: " ";
position: absolute;
background: white;
top: 140px;
left: 20px;
width: 3px;
height: 23px;
z-index: 40;
}

.codepen-wrapper[data-codepen-id="awKHs"] .head-2 {
-moz-border-radius-topright: 90px 84px;
-webkit-border-top-right-radius: 90px 84px;
border-top-right-radius: 90px 84px;
-moz-border-radius-bottomright: 60px 90px;
-webkit-border-bottom-right-radius: 60px 90px;
border-bottom-right-radius: 60px 90px;
-moz-box-shadow: inset -6px 3px 0 0 #f7bb37, inset -5px -43px 0 0 #f7bb37, inset -5px -48px 0 0 #050505;
-webkit-box-shadow: inset -6px 3px 0 0 #f7bb37, inset -5px -43px 0 0 #f7bb37, inset -5px -48px 0 0 #050505;
box-shadow: inset -6px 3px 0 0 #f7bb37, inset -5px -43px 0 0 #f7bb37, inset -5px -48px 0 0 #050505;
position: relative;
display: inline-block;
background: #292728;
width: 93px;
height: 267px;
margin-right: 17px;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-2:after {
-moz-border-radius-topright: 11px 9px;
-webkit-border-top-right-radius: 11px 9px;
border-top-right-radius: 11px 9px;
-moz-border-radius-bottomright: 15px 116px;
-webkit-border-bottom-right-radius: 15px 116px;
border-bottom-right-radius: 15px 116px;
content: " ";
position: absolute;
background: #e5a829;
top: 84px;
right: -17px;
width: 17px;
height: 125px;
border-right: solid 10px #f5b937;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-2 .fix {
-moz-border-radius-bottomright: 12px 25px;
-webkit-border-bottom-right-radius: 12px 25px;
border-bottom-right-radius: 12px 25px;
position: absolute;
width: 30px;
height: 43px;
left: 0;
bottom: 0;
border-style: solid;
border-color: #e5a927 transparent transparent transparent;
border-width: 43px 7px 0 0;
}
.codepen-wrapper[data-codepen-id="awKHs"] .head-2 .shine {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=21);
opacity: 0.21;
-moz-border-radius: 30% 100%;
-webkit-border-radius: 30%;
border-radius: 30% 100%;
-moz-box-shadow: 0 0 20px 10px white;
-webkit-box-shadow: 0 0 20px 10px white;
box-shadow: 0 0 20px 10px white;
content: " ";
position: absolute;
background: white;
top: 40px;
right: 45px;
width: 10px;
height: 3px;
z-index: 40;
}